<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <input type="text" id="txt"> <button id="btn">搜索</button>
  <ul id="box">

  </ul>
  <script>

    // chartAt(index) chartCodeAt(index) substr(index,num) substring(start,end)
    //indexOf() lastIndexOf() concat() split() toLowerCase  toUpperCase() trim() 
    //slice(start,end) seach()  str.match(/reg/) str.replace(tmd,***) 

    var arr = ['男装', '女装', '男鞋', '女鞋', '儿童装', '儿童鞋']
    // es6 提供的字符串方法
    // includes() 返回布尔值，判断是否找到参数字符串。 存在返回true不存在返回false
    var str = "sakdhfkashdfaskjldhfaksdhfhlk"
    if (str.includes("fas")) {
      console.log("当前存在fas的子串")
    }
    var btn = document.getElementById("btn");
    var box = document.getElementById("box")

    btn.onclick = function () {
      var txtVal = document.getElementById("txt").value; //输入框的值
      var str = ''
      arr.forEach(function (item) {
        if (item.includes("txtVal")) {
          str += `<li>${item}</li>`
        }
      })
      box.innerHTML = str;
    }
    // 2,startsWith()返回布尔值，判断参数字符串是否在原字符串的头部。
    console.log(location.href)
    if (location.href.startsWith("http")) {
      // alert("当前协议是http")
    }
    //3 ,endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。
    if (location.href.endsWith(".html")) {
      // alert("你当前是个html文件")
    }
    //4. repeat()：返回新的字符串，表示将字符串重复指定次数返回。
    var str2 = "今天心情不错";
    console.log(str2.repeat(3))
    //5 padStart：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。
    //        原字符   补齐后的字符串长度     用来补齐的字符串
    var str3 = 'abc'.padStart(7, 'h');//hhhhabc
    console.log(str3)
    //6padEnd：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。
    var str4 = "OPQ".padEnd(10, 'ab');//OPQabababa
    console.log(str4)
    //trim() 去除字符串首尾的空格
    // 7.trimStart()  去除前空格
    // 8.trimEnd()    去除后空格
    var str8 = "    sdhfassd        ";
    console.log(str8.trimStart())
    console.log(str8.trimEnd())
  </script>
</body>

</html>